import Vue from 'vue'
import axios from 'axios'
import store from '@/store'
import { VueAxios } from './axios'
import {Modal, notification} from 'ant-design-vue'
import { ACCESS_TOKEN } from "@/store/mutation-types"

/**
 * 【指定 axios的 baseURL】
 * 如果手工指定 baseURL: '/jshERP-boot'
 * 则映射后端域名，通过 vue.config.js
 * @type {*|string}
 */
let apiBaseUrl = window._CONFIG['domianURL'] || "/api";
//console.log("apiBaseUrl= ",apiBaseUrl)
// 创建 axios 实例
const service = axios.create({
  baseURL: apiBaseUrl, // api base_url
  timeout: 300000 // 请求超时时间
})

const err = (error) => {
  if (error.response) {
    let data = error.response.data
    const token = Vue.ls.get(ACCESS_TOKEN)
    // switch (error.response.status) {
    //   case 403:
    //     notification.error({ message: '系统提示', description: '拒绝访问',duration: 4})
    //     break
    //   case 500:
    //     if(token && data==="loginOut"){
    //       Modal.error({
    //         title: '登录已过期',
    //         content: '很抱歉，登录已过期，请重新登录',
    //         okText: '重新登录',
    //         mask: false,
    //         onOk: () => {
    //           Vue.ls.remove(ACCESS_TOKEN)
    //           window.location.reload()
    //         }
    //       })
    //     }
    //     break
    //   case 404:
    //       notification.error({ message: '系统提示', description:'很抱歉，资源未找到!',duration: 4})
    //     break
    //   case 504:
    //     notification.error({ message: '系统提示', description: '网络超时'})
    //     break
    //   case 401:
    //     notification.error({ message: '系统提示', description:'未授权，请重新登录',duration: 4})
    //     if (token) {
    //       store.dispatch('Logout').then(() => {
    //         setTimeout(() => {
    //           window.location.reload()
    //         }, 1500)
    //       })
    //     }
    //     break
    //   default:
    //     notification.error({
    //       message: '系统提示',
    //       description: data.message,
    //       duration: 4
    //     })
    //     break
    // }
  }
  return Promise.reject(error)
};

// request interceptor
service.interceptors.request.use(config => {
  const token = Vue.ls.get(ACCESS_TOKEN)
  if (token) {
    config.headers[ 'token' ] = token // 让每个请求携带自定义 token 请根据实际情况自行修改
  }
  return config
},(error) => {
  return Promise.reject(error)
})

// response interceptor
service.interceptors.response.use((response) => {
    return response.data
  }, err)

const installer = {
  vm: {},
  install (Vue, router = {}) {
    Vue.use(VueAxios, router, service)
  }
}

export {
  installer as VueAxios,
  service as axios
}